<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery框架-----JavaScript  行为层  做页面触发型效果
		     JQuery框架封装了JavaScript所有功能 ，JQuery框架【又叫js类型】
			 一、使用JQuery
		     ①官方网站下载JQuery框架 版本格式：jquery-1.11.1.js
		       注意：jquery-2-xx.js  以上版本不支持IE6、7、8
			 ②引入JQuery框架，在head元素中，添加script元素
			 ③JQuery语法使用在后标记body元素前加script元素，在这个元素中写JQ语法
			 
			 JavaScript三部分组成  EMCAScript5.0 核心语法   理解：Java基础
			                       功能：做逻辑
								   输出语句1.document.write("内容+元素")
								            效果直接输出页面中
										  2.consol.log("内容+变量值")
										  任何浏览器F12，直接在控制台输出内容+变量值
										  调试页面数据，直接查看程序运行状态
										  【非常常用】
										  3.alert("内容+变量值")
										  弹出框，测试功能是否生效 ,Debug页面方式
										  4.confirm("内容")
										  弹出框，判断基础逻辑
								   【重点】DOM   Document Model 文档节点对象模型
								           功能：改变页面效果【结合逻辑操作页面元素和属性】
										   改变页面效果---DOM树概念
										   JS\JQ 写在最后一个body前原因
										   DOM认为页面一颗DOM树，树根document
										   按照html元素结构，body元素中页面出现
										   元素最多位置，等待元素出现，才可以改变元素效果
										   
										   
										  BOM   Browse Object Model  浏览器对象模型
										  针对浏览器功能操作
								          功能：改变浏览器效果【结合逻辑操作浏览器功能】
								   
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("button").click(function(){document.write("<marquee>放学啦~~</marquee>")})
		</script>
	</body>
</html>